@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-size: 2rem;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  background: #FFF;
}
a {
  color: #535353;
  text-decoration: none;
}
img {
  width: 100%;
  height: 100%;
  border: none;
}
input {
  outline: 0px;
}
.dsplFlex {
  display: flex;
  display: -webkit-flex;
  /* Safari */
}
.clear {
  clear: both;
}
.red {
  border: 1px solid red;
}
.gold {
  border: 1px solid gold;
}
.green {
  border: 1px solid green;
}
.fixedTop {
  width: 10rem;
  height: 1.57333333rem;
  color: #FFF;
  background: url("../slice/header.jpg") no-repeat;
  background-size: 10rem;
  position: fixed;
  border-bottom: 1px solid #FFF;
  z-index: 999;
}
.fixedTop a {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
}
.fixedTop a:nth-child(1) {
  float: left;
  margin: 0.4rem 0 0 0.4rem;
}
.fixedTop a:nth-child(2) {
  float: right;
  margin: 0.4rem 0.26666667rem 0 0;
}
.nxTop {
  width: 10rem;
  height: 1.06666667rem;
  color: #FFF;
  background: #F65E5F;
  position: fixed;
  border-bottom: 1px solid #FFF;
  z-index: 99999;
  display: none;
}
.nxTop a {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
}
.nxTop a:nth-child(1) {
  float: left;
  margin: 0.13333333rem 0 0 0.26666667rem;
}
.nxTop a:nth-child(2) {
  float: right;
  margin: 0.13333333rem 0.13333333rem 0 0;
}
.nxTop .searchBar {
  width: 6.66666667rem;
  height: 0.73333333rem;
  float: left;
  margin: 0.13333333rem 0 0 0.53333333rem;
  background: url("../slice/icon_fdj.jpg") no-repeat right 0.05333333rem #ffffff;
  background-size: 0.66666667rem;
  border: 1px solid #FFF;
  border-radius: 0.10666667rem;
}
.nxTop .searchBar p {
  color: #333333;
  font-size: 0.34666667rem;
  text-indent: 1em;
  line-height: 0.73333333rem;
}
.v_nav {
  position: fixed;
  bottom: 0;
  width: 10rem;
  height: 1.1rem;
  background-color: rgba(238, 238, 238, 0.9);
  border-top: #dcdcdc 1px solid;
  z-index: 97;
  padding-bottom: 0.05333333rem;
  padding-top: 0.05333333rem;
}
.v_nav .vf_nav {
  width: 100%;
  height: 1.2rem;
  margin: auto;
}
.v_nav .vf_nav ul li {
  width: 2rem;
  height: 1.2rem;
  float: left;
  text-align: center;
}
.v_nav .vf_nav ul li a {
  text-align: center;
  font-size: 0.32rem;
  color: #333;
  display: block;
  position: relative;
}
.v_nav .vf_nav ul li a i {
  display: block;
  width: 0.66666667rem;
  height: 0.53333333rem;
  margin: auto;
}
.v_nav .vf_nav ul li a span {
  display: block;
  width: 100%;
  height: 0.53333333rem;
  line-height: 0.53333333rem;
}
.v_nav .vf_nav ul li a:active {
  color: #ff7171;
}
.vf_1,
.vf_2,
.vf_3,
.vf_4,
.vf_5 {
  background-size: 0.66666667rem;
}
.vf_1 {
  background-image: url("../slice/navI.png");
}
.vf_2 {
  background-image: url("../slice/navII.png");
}
.vf_3 {
  background-image: url("../slice/navIII.png");
}
.vf_4 {
  background-image: url("../slice/navIV.png");
}
.vf_5 {
  background-image: url("../slice/navV.png");
}
.gotop {
  display: block;
  width: 1.06666667rem;
  height: 1.06666667rem;
  position: fixed;
  bottom: 1.5rem;
  right: 0.2rem;
  background-color: rgba(243, 241, 241, 0.5);
  border: 1px solid #CCC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gotop img {
  display: block;
  width: 1.06666667rem;
  height: 1.06666667rem;
}
.pageBody {
  width: 10rem;
  padding: 1.57333333rem 0 1.25rem 0;
}
.indexSwf {
  width: 10rem;
  height: 5.2rem;
  overflow: hidden;
}
.indexSwf .swiper-container {
  width: 100%;
  height: 100%;
}
.pageBody .rollBarWrap .searchBar {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  align-items: center;
  background: url("../slice/icon_fdj.jpg") no-repeat right 0.10666667rem #ffffff;
  background-size: 0.66666667rem;
}
.pageBody .rollBarWrap .searchBar p {
  font-size: 0.34666667rem;
  text-indent: 1em;
}
.rollBarWrap {
  width: 10rem;
  height: 1.13333333rem;
  margin: 0.13333333rem 0 0 0;
  background: #FFDDDD;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: center;
  align-items: center;
}
.rollBarWrap .rollBar {
  width: 9.26666667rem;
  height: 0.86666667rem;
  background: #FFF;
  border: 1px solid #FFF;
  border-radius: 0.10666667rem;
}
.rollBarWrap .nxLogo {
  width: 0.86666667rem;
  height: 0.86666667rem;
  float: left;
  margin: 0.01333333rem 0.13333333rem 0 0.06666667rem;
}
.rollBarWrap .rollTxt {
  float: left;
  margin: 0 0.13333333rem 0;
  height: 0.86666667rem;
  width: 6.33333333rem;
  padding: 0 0 0 0.06666667rem;
}
.rollBarWrap .rollTxt .swiper-container2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rollBarWrap .rollTxt .swiper-container2 .swiper-slide {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  align-items: center;
}
.rollBarWrap .rollTxt .swiper-container2 .swiper-slide p a {
  font-size: 0.34666667rem;
  color: #1D1D1D;
}
.rollBarWrap .searchBar {
  width: 1.46666667rem;
  height: 0.66666667rem;
}
.rollBarWrap .searchBar span {
  margin: 0.16rem 0 0 0;
}
.quickLinkWrap {
  background: #E7E7E7;
  padding: 0.13333333rem 0 0 0.13333333rem;
}
.quickLinkWrap .quickLinkA a {
  width: 2.34666667rem;
  height: 3.97333333rem;
  display: block;
  float: left;
  margin-right: 0.10666667rem;
}
.quickLinkWrap .quickLinkB {
  margin-top: 0.2rem;
}
.quickLinkWrap .quickLinkB a {
  width: 4.78666667rem;
  height: 2.34666667rem;
  display: block;
  float: left;
  margin-right: 0.10666667rem;
}
.huaWen {
  width: 10rem;
  height: 0.26666667rem;
  margin: 0.06666667rem 0;
  text-indent: -999rem;
  background: url("../slice/icon_huawen.jpg") repeat-x 0 center;
}
.linkC li {
  width: 5rem;
  height: 1.13333333rem;
  float: left;
  font-size: 0.53rem;
  text-align: center;
  display: table;
}
.linkC li a {
  display: table-cell;
  vertical-align: middle;
}
.linkC li:nth-child(1) {
  margin-bottom: 0.10666667rem;
  background: #D7FFD5;
}
.linkC li:nth-child(1) a {
  color: #34B103;
}
.linkC li:nth-child(2) {
  margin-bottom: 0.10666667rem;
  background: #FFE9D5;
}
.linkC li:nth-child(2) a {
  color: #FF8D25;
}
.linkC li:nth-child(3) {
  background: #FFD5E5;
}
.linkC li:nth-child(3) a {
  color: #FE5E9B;
}
.linkC li:nth-child(4) {
  background: #E0D5FF;
}
.linkC li:nth-child(4) a {
  color: #8762FF;
}
.linkCWrap {
  position: relative;
}
.linkCWrap .ynMap {
  position: absolute;
  top: 0rem;
  margin-left: -1.36rem;
  display: block;
  left: 50%;
}
.linkCWrap .ynMap img {
  width: 2.73333333rem;
  height: 2.33333333rem;
}
.goodsListZ {
  background: #F4F4F4;
  padding: 0 0 0.26666667rem 0;
}
.goodsListZ ul.i {
  margin: 0.13333333rem 0 0 0.13333333rem;
}
.goodsListZ ul.i li {
  float: left;
  width: 4.85333333rem;
}
.goodsListZ ul.i li:nth-child(1) {
  border-right: none;
}
.goodsListZ ul.ii {
  margin: 0 0 0 0.13333333rem;
}
.goodsListZ ul.ii li {
  float: left;
  width: 2.42666667rem;
}
.dzListOn {
  width: 1.33333333rem;
  height: 1.33333333rem;
  top: 0.4rem;
  right: 0.06666667rem;
  position: absolute;
  text-indent: -99rem;
  background: url("../slice/arrow_down.png") no-repeat rgba(238, 238, 238, 0.7) center bottom;
  background-size: 1.06666667rem;
  borde: 1px solid rgba(238, 238, 238, 0.9);
  border-radius: 50%;
}
.dzListUp {
  background-image: url("../slice/arrow_up.png");
  background-position: center top;
}
.dzList {
  width: 10rem;
  overflow: hidden;
  background: rgba(238, 238, 238, 0.9);
  padding: 0.2rem 0;
  position: relative;
}
.dzList ul {
  margin: 0 0.2rem;
  background: #FFF;
}
.dzList ul li {
  float: left;
  width: 2.4rem;
}
.dzList ul li img {
  height: 1.89333333rem;
}
.dzList ul li.dzShow {
  display: none;
}
.goodsListA {
  padding: 0 0 0.26666667rem 0;
  background: #F4F4F4;
}
.goodsListA .listAWrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0.13333333rem 0 0 0;
}
.goodsListA .listAWrap .listA:nth-child(1) {
  width: 3.54666667rem;
  height: 5.90666667rem;
  overflow: hidden;
  margin: 0 0.18666667rem 0 0;
}
.goodsListA .listAWrap .listA:nth-child(2) {
  width: 6.21333333rem;
  flex-wrap: wrap;
  display: flex;
}
.goodsListA .listAWrap .listA:nth-child(2) a:nth-child(1) {
  width: 100%;
  margin: 0 0 0.18666667rem 0;
}
.goodsListA .listAWrap .listA:nth-child(2) a:nth-child(2) {
  width: 3.01333333rem;
  margin: 0 0.18666667rem 0 0;
}
.goodsListA .listAWrap .listA:nth-child(2) a:nth-child(3) {
  width: 3.01333333rem;
}
.goodsListA .listAWrap img {
  border: 1px solid #E5E5E5;
}
.goodsListC {
  padding: 0 0 0.26666667rem 0;
  background: #F4F4F4;
}
.goodsListC a:nth-child(2) {
  margin: 0.13333333rem 0 0 0;
  display: block;
}
.dizList {
  width: 10rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #F4F4F4;
}
.dizList a {
  width: 9.68rem;
  margin-bottom: 0.13333333rem;
  display: block;
}
.dizList a img {
  border: 1px solid #CECECE;
}
.dizList a:nth-child(6) {
  width: 4.82666667rem;
}
.dizList a:nth-child(7) {
  width: 4.82666667rem;
}
.siteBtm {
  width: 10rem;
}
.siteBtm .imgLink {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  margin: 0.13333333rem 0;
  flex-wrap: wrap;
}
.siteBtm .imgLink img {
  width: 5rem;
}
.siteBtm .imgLink img:nth-child(1) {
  border-right: 1px solid #FFF;
}
.siteBtm ul {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  margin: 0.33333333rem auto;
  flex-direction: row;
  justify-content: center;
}
.siteBtm ul li {
  font-size: 0.4rem;
  padding: 0 0.26666667rem;
  border-right: 1px solid #E4E4E4;
}
.siteBtm ul li:nth-child(4) {
  border: none;
}
.siteBtm p {
  color: #999;
  font-size: 0.32rem;
  margin: 0 0 0.06666667rem 0;
  text-align: center;
}
/*过渡广告*/
.adShow {
  width: 10rem;
  height: 100%;
  background: url("../img/ad01.jpg") no-repeat #ffffff center bottom;
  background-size: contain;
}
/*搜索页*/
.search_hide {
  width: 10rem;
  padding-top: 1.6rem;
}
.search_hide h2 {
  width: 100%;
  height: 1.06666667rem;
  text-align: center;
  font-size: 0.53333333rem;
  color: #666;
  font-weight: normal;
  line-height: 1.06666667rem;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.search_hide h2 .close {
  position: absolute;
  width: 0.53333333rem;
  height: 0.53333333rem;
  right: 10px;
  color: #999;
}
.search_hide h2 .close img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.search_hide .search_mid {
  width: 9.5rem;
  margin: auto;
  overflow: hidden;
  margin-top: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.search_hide .search_mid .searchdotm {
  width: 100%;
  overflow: hidden;
}
.search_hide .search_mid .searchdotm .mallSearch-input {
  width: 100%;
  border: 2px solid #E31939;
  height: 1rem;
  float: left;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.search_hide .search_mid .searchdotm .mallSearch-input .searchArea {
  height: 1rem;
  font-size: 0.42666667rem;
  line-height: 1rem;
  text-indent: 0.5em;
}
.search_hide .search_mid .searchdotm .mallSearch-input .button {
  position: absolute;
  display: block;
  width: 0.66666667rem;
  height: 0.66666667rem;
  right: 0.10666667rem;
  bottom: 0.10666667rem;
  background: url("../slice/search.png") no-repeat center center;
  background-size: cover;
}
.search_hide .mix_recently_search {
  width: 100%;
}
.search_hide .mix_recently_search h3 {
  font-size: 0.4rem;
  font-weight: normal;
  padding-left: 0.8rem;
  height: 1rem;
  line-height: 1rem;
  background: url("../slice/souso.png") no-repeat 0.26rem center #ffffff;
  background-size: 0.5rem;
  color: #333;
}
.search_hide .mix_recently_search ul {
  width: 90%;
  overflow: hidden;
  margin: auto;
}
.search_hide .mix_recently_search ul li {
  border: 1px solid #ccc;
  height: 0.8rem;
  position: relative;
  float: left;
  border-radius: 0.10666667rem;
  margin-right: 0.26666667rem;
  margin-bottom: 0.26666667rem;
}
.search_hide .mix_recently_search ul li a {
  display: block;
  font-size: 0.37333333rem;
  line-height: 0.8rem;
  color: #000;
  text-align: center;
  padding: 0 0.26666667rem;
}
.search_hide .mix_recently_search ul li:active {
  border: 1px solid #E31939;
}
